import React, { Component } from 'react'
import '@/components/UserInfo.scss'
/*
    子组件要接收父组件中的数据操作的步骤
    在render方法中直接可以通过this.props来进行接收
    在constructor方法中，通过构造方法的形参来进行接收
*/
export default class UserInfo extends Component {
  constructor(props){
    super(props)
    console.log('arg',props);
  }
  render() {
    const {username,age,job}=this.props
    return (
      <div className='box'>
        <div>姓名:{username}</div>
        <div>年龄:{age}</div>
        <div>职业:{job}</div>
      </div>
    )
  }
}
